<template>
	<view>
		<view class="hks dflex-c">
			<view class="dflex-c ">
				<view class="dflex-flow-c imgd posire">
					<view class="bgtitle dflex-c">
					大的数据
					</view>
					<view class="posire">
						<view class="shenggao">
							<view>身高</view>
							<view>100cm</view>
						</view>
						<view class="shenggao tun">
							<view>臀围</view>
							<view>100cm</view>
						</view>
						<view class="shenggao xiong">
							<view>胸围</view>
							<view>100cm</view>
						</view>
						<view class="shenggao yao">
							<view>腰围</view>
							<view>100cm</view>
						</view>
						<image class="dflex imgd" mode="widthFix" src="https://mp-11e7fbe6-59e1-4cd3-894a-1405ba0c7314.cdn.bspapp.com/ai/nv.jpg"></image>
					</view>
				</view>
			</view>
		</view>
			
		
		<view class="wancheng dflex-c">
			完成
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.shenggao{
		position: absolute;
		z-index: 1;
		font-size: 24rpx;
		color:#00FFFF;
		top: 180rpx;
		left: 50rpx;
	}
	.xiong{
		text-align: right;
		left: auto;
		right: 50rpx;
	}
	.yao{
		text-align: right;
		left: auto;
		right: 50rpx;
		top: 320rpx;
	}
	.tun{
		top: 400rpx;
	}
	.hks{
		height: calc(100vh - 180rpx);
	}
	.wancheng{
		color:#Fff;
		position: absolute;
		bottom: 0;
		width:100%;
		height:90rpx;
		font-size: 32rpx;
		background: #00724C;
	}
.imgd{
	width: 93vw;
	overflow: hidden;
}
.bgtitle{
	background: #003256;
	height: 100rpx;
	color:#Fff;
}

.posire{
	position: relative;
	border-radius: 10px;
}
</style>
